<template>
  <div style="width: 100%; height: 100%;">
   
    <div class="dashboard-container" style="height: 30%; ">
       <kapian :info="info"></kapian>
    </div>
    <div style="height: 5%;"></div>
    <div style="height: 65%;">
      <nanjingditu></nanjingditu>
    </div>
  </div>

</template>

<script>
import kapian from '@/views/dashboard/kapian.vue'
import shouye from '@/components/shouye/shouye.vue';
import { mapGetters } from 'vuex'
// import ditu from '@/components/shouye/ditu.vue'
import {shouyer} from '@/api/index'
import nanjingditu from '@/views/dashboard/nanjingditu.vue'
export default {
  data(){
return{
  info:{}
}
  },
  name: 'Dashboard',
  components: {
    shouye,
 
    kapian,
    nanjingditu
  }, 
   methods: {
      getshouye(){
        shouyer().then(res=>{
          console.log(res,1);
          if(res.code==200){
            this.info=res.data
          }
        })
      }


      
    },
  computed: {
    ...mapGetters([
      'name'
    ])

  
  },
  mounted(){
    this.getshouye()
  }


}
</script>

<style lang="scss" scoped>
.x1 {
  height: 20%;
}

.dashboard {
  &-container {
    margin: 30px;
  }

  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
